Configuring Skinny Comments Panel

To better accommodate the Comments view in both small and large viewers, the viewer automatically switches between displaying the comments in their entirety to displaying only a Comments icon. When you click the Comments icon, the full comment is expanded. By default, the mode automatically switches between the two pages on the space available for viewing the document.

The commentsPanelMode options are:

"full" - The entire content of the comments are displayed in the sidebar of the document.
"skinny" - An icon is placed in the sidebar of the document, representing each comment thread. When the icon is clicked, the comment thread is expanded to show the full content.
"auto" - This mode will intelligently switch between the full and skinny mode, in order to optimize the space available for viewing the document. The default is "auto" when the option is not specified.

The examples below show the use of the commentsPanelMode configuration parameter.

Forcing the viewer to always display skinny comments:

Example	Copy Code
var pluginOptions = { documentID: viewingSessionId, language: languageItems, template: htmlTemplates, commentsPanelMode: "skinny" }; $(document).ready(function () { var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl; });

Example

Copy Code

var pluginOptions = {
    documentID: viewingSessionId,
    language: languageItems,
    template: htmlTemplates,
    commentsPanelMode: "skinny"
};
$(document).ready(function () {
    var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl;
});

Forcing the viewer to always display full comments:

Example	Copy Code
var pluginOptions = { documentID: viewingSessionId, language: languageItems, template: htmlTemplates, commentsPanelMode: "full" }; $(document).ready(function () { var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl; });

Example

Copy Code

var pluginOptions = {
    documentID: viewingSessionId,
    language: languageItems,
    template: htmlTemplates,
    commentsPanelMode: "full"
};
$(document).ready(function () {
    var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl;
});

Allowing the viewer to choose between skinny and full comments – note, this is the default option, so it does not need to be explicitly defined:

Example	Copy Code
var pluginOptions = { documentID: viewingSessionId, language: languageItems, template: htmlTemplates, commentsPanelMode: "auto" }; $(document).ready(function () { var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl; });

Example

Copy Code

var pluginOptions = {
    documentID: viewingSessionId,
    language: languageItems,
    template: htmlTemplates,
    commentsPanelMode: "auto"
};
$(document).ready(function () {
    var viewerControl = $("#viewer1").pccViewer(pluginOptions).viewerControl;
});